/**
 * @description 全局样式
 */

// 条件样式，可用于各less/css文件。格式：/*#if _PLATFORM === 'web' //*/ 样式 /*#endif //*/

/*#if _PLATFORM === 'web' //*/
@import url('~@king-fisher/hxm-styles/src/index.less'); //原本common.less

@import url('./styles/animate.less'); // 根据需求引用，用不到动画的话建议删除

@import url('./styles/light.css');
@import url('./styles/dark.css');

body,
.m-ctn {
  font-family: 'PingFang Medium', 'PingFang SC', 'Source Han Sans', sans-serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2em;
  min-width: 320px;
  color: #323232;
  background-color: var(--bg-color-3);
}
.bg-mixins(@size: contain, @position: center, @repeat: no-repeat) {
  background-size: @size;
  background-position: @position;
  background-repeat: @repeat;
}
.gl-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis(@num:1) when(@num=1) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis(@num:1) when(@num>1) {
  overflow: hidden;
  /* 将对象作为弹性伸缩盒子模型显示 。 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数，即行数设置 */
  -webkit-line-clamp: @num;
  /* 规定框从上向下垂直排列子元素 */
  -webkit-box-orient: vertical;
}
/*#endif //*/

/*#if _PLATFORM === 'hummer' //*/

/*#endif //*/
